<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.att-view .box { /* 附件列表 */ 
				float: left; 
				text-align: center;
				font-size: 12px;
				margin: 0 auto;
				margin-left: 2px;
				
			} 
			.att-view .img { 
				width: 60px; height: 60px; 
				margin:0 auto;
			} 
			.att-view img { 
				width: 40px; height: 40px; 
			}
		</style>
		<script type="text/javascript">
			var a = "我是一直小小鸟";
			var b =null;
			var c="";
			console.info(encodeURI('铜陵市'));
//			alert(su(a));
//			alert(su(b));
//			alert(su(c));
			function su(s){
				
				if(s && s.length >8){
					s = s.substr(0,8);
				}
				return s;
			}
		</script>
	</head>

	<body>
		<div style="background: white;height: 800px;">
			<div id='viewAttachment' style="padding: 5px;">
				<table style="width: 100%; height: 100%">
					<tr>
						<td>
							<h3>文档:</h3>

							<div id="d-div" class="att-view">
								<div class="box">
									<div class="img" title="aaa bbb ccc ddd">
										<div>aaaabbbb</div>
										<img src="../img/2.jpg" />
									</div>
									<div>已下载<span style="color: red;">6</span>次&nbsp;<a href="#">下载</a></div>
								</div>

								<div class="box">
									<div class="img">
										<div>aaa</div>
										<img src="../img/2.jpg" />
									</div>

									<div class="down">已下载6次&nbsp;&nbsp;<a href="#" style="color:#CC00CC;text-decoration:underline;">下载</a></div>
								</div>

								<div class="box">
									<div class="img" title="aaa bbb ccc ddd">
										<div>aaaabbbb</div>
										<img src="../img/2.jpg" />
									</div>
									<div class="down">已下载6次&nbsp;<a href="#">下载</a></div>
								</div>

							</div>

						</td>
					</tr>
					<tr>
						<td>
							<h3>图片:</h3>
							<div id="p-div" class="att-view">
								<div class="box">
									<div class="img" title="aaa bbb ccc ddd">
										<div>aaaabbbb</div>
										<img src="../img/2.jpg" />
									</div>
									<div class="down">已下载6次&nbsp;<a href="#">下载</a></div>
								</div>

							</div>
						</td>
					</tr>
					<tr>
						<td>
							<h3>音频:</h3>
							<div id="a-div" class="att-view"></div>
						</td>
					</tr>
					<tr>
						<td>
							<h3>视频：</h3>
							<div id="v-div" class="att-view"></div>
						</td>
					</tr>
				</table>
			</div>

		</div>
	</body>

</html>